<?php
 header("Content-type: text/html; charset=utf-8"); 
?>
<!doctype html>
<html>
<head>
<link rel="icon" href="favicon.png" type="image/png" />
<script src="web/jquery.js"></script>
<style>
li{margin:0;padding:0;}
ul{list-style:none;}
body{margin:0;}
dl,dt{margin:0;padding:0;}
dd{padding:0;margin:0;}
.clearfix{clear:both;}
a{text-decoration:none;font-family:"微软雅黑";color:white;}
img{display:block;border:none;}
input{outline:none;margin:0;padding:0;height:23px;margin-left:10px;width:200px;}
.current{background-color:#060;}
/*top*/
.top{width:1000px;margin-right:auto;margin-left:auto;}
.top .right{float:right;margin-top:25px;padding-right:10px;}
.top .logo{float:left;} 
.top .right input{float:left;}
.top .right .mirror{float:right;margin-left:-10px;} 
.top .right img{padding-left:10px;}
/*menu*/
.menu_box{background-image:url(web/images/top-bac.png);width:1920px;height:52px;}
.menu_box .inner_box{width:1000px;margin-left:700px;padding-top:8px;}
.menu_box .inner_box dl{float:left;margin-left:40px;text-align:center;position:relative;}
.menu_box .inner_box dl .icon_bar{width:80px;height:2px;background-color:white;position:absolute;left:-8px;bottom:-6px;}
.menu_box .inner_box dl dd{font-size:12px;}
.menu_box .inner_box dl:hover a{color:red;}
/*banner*/
/*green_box*/
.green_box{width:1002px;margin:auto;position:relative;height:75px;margin-top:1px;}
.green_box .bt{position:absolute; left:60px;top:15px;}
.green_box .point{position:absolute;right:80px;top:40px;}
.green_box .point span{float:right;color:#5cb426;}
.green_box .point .only{color:black;overflow:hidden;height:19px;}

/*core*/
.core{width:1002px;}
.core .left_box{width:242px;float:left;padding-top:50px;padding-left:80px;}
.core .left_box div{width:242px;height:59px;background-color:#5cb426;text-align:center;margin-bottom:1px;cursor:pointer;}

.core .right_box{float:right;width:760px;height:430px;margin-top:60px;overflow:hidden;margin-right:-100px;}
.core .right_box .image_box{height:1290px;}
.core .footer img{margin-left:-370px;}
/*foot*/
.foot{width:1002px;margin:auto;margin-top:-120px;z-index:1;position:absolute;color:#AAAAAA;}
.foot inf {float:left;padding-left:300px;}
.foot inf img{float:left;padding-left:300px;}
.foot .inf ul li{float:left;}
.foot img{float:right;margin-top:-70px;}
.foot .inf ul li a{color:#AAAAAA;}
.foot .inf ul{margin-left:150px;}
.foot .inf p{float:left;clear:both;margin-left:240px;}
.foot .inf h6{float:left;clear:both;margin-left:235px;margin-top:-5px;}
.foot .inf ul li:hover a{color:red;}


</style>

<meta charset="utf-8">
<title>企业文化</title>
</head>

<body>
<!--top-->
<div class="top">
	<img class="logo" src="web/images/logo.png">
    <div class="right">
    	<img src="web/images/cul-7.png">
        <div class="search_box">
        	<input type="text">
            <a href=""><img class="mirror" src="web/images/mirror.png"></a>
            
        
        </div>
        <div class="clearfix"></div>
    </div>
    <div class="clearfix"></div>
</div>
<!--menu-->
<div class="menu_box">
	<div class="inner_box"> 
    	<dl>
        	<dt><a href="index.php">首页</a></dt>
            <dd><a href="index.php">Main</a></dd>
            
        </dl>
        <dl>
        	<dt><a href="about us.php">关于我们</a></dt>
            <dd><a href="about us.php">About us</a></dd>
            
        </dl>
        <dl>
        	<dt><a href="">企业文化</a></dt>
            <dd><a href="">Cultures</a></dd>
             <div class="icon_bar"></div>
        </dl>
        <dl>
        	<dt><a href="attract-investment.php">招商引资</a></dt>
            <dd><a href="attract-investment.php">Attract-investment</a></dd>
            
        </dl>
        <dl>
        	<dt><a href="resource.php">人力资源</a></dt>
            <dd><a href="resource.php">Resource</a></dd>
            
        </dl>
        <dl>
        	<dt><a href="contacts us.php">联系我们</a></dt>
            <dd><a href="contacts us.php">Contacts us</a></dd>
             
        </dl>
        <div class="clearfix"></div>
    </div>
  
</div>
<!--banner-->
<div class="banner_box">
	<img src="web/images/cul-2.png">
</div>
<!--text-->
<div class="green_box">
	<img class="green_decoration" src="web/images/cul-6.png">
    <img class="bt" src="web/images/cul-5.png">
    <div class="point">
    	<span class="only">
        	<dl>
            	<dd  class="d" style="display:block">企业文化</dd>
                <dd  class="e" style="display:none">经营理念</dd>
                <dd  class="f" style="display:none">发展愿景</dd>
            </dl>
        
        </span>
        <span>-</span>
        <span>企业文化</span>
        <span>-</span>
        <span>首页</span>
    <div>
</div>
<!--core-->
<div class="core">
	<div class="left_box">
    	<div class="but_1">
        	<img  src="web/images/cul-10.png">
        </div>
        <div class="but_2">
        	<img src="web/images/cul-11.png">
        </div>
        <div class="but_3">
        	<img src="web/images/cul-12.png">
        </div>
         <img src="web/images/cul-4.png"  >
    </div>
   
  
    <div class="right_box">
    <div class="img_box">
    	<img id="a" style="display:block" src="web/images/cul-1.png">
        <img id="b" style="display:none" src="web/images/cul-1.2.png">
        <img id="c" style="display:none" src="web/images/cul-1.3.png">
    </div>
    </div>
     <div class="clearfix"></div>
     <div class="footer">
	    <img src="web/images/cul-3.png">
     </div>
     
</div>

<!--foot-->
<div class="foot">
	<div class="inf">
     <ul>
           <li><a href="http://www.1htc.cn">&nbsp友情链接 </a>|</li>
           <li><a href="about us.php">&nbsp关于我们 </a>|</li>
           <li><a href="cultures.php">&nbsp企业文化 </a>|</li>
           <li><a href="attract-investment.php">&nbsp招商引资 </a>|</li>
           <li><a href="resource.php">&nbsp人力资源 </a>|</li>
           <li><a href="contacts us.php">&nbsp联系我们 </a></li>
        </ul>
  <p>TEL:400-800-0676 &nbsp EMAIL:3394056844@qq.com</p>
  <h6>Copyright2016 ALL RIGHT RESERVED 浙ICP备16011407号-3</h6>
 
  </div>
        <img src="web/images/bar.png">
    
</div>




</body>
<script>
$(function()
{
	$(".but_1").click(function()
	{		
		 $("#a").css("display","block");
		 $(".but_1").css("background-color","#227700");
		 $(".but_2").css("background-color","#5cb426");
		 $(".but_3").css("background-color","#5cb426");
		 $("#b").css("display","none");
		 $("#c").css("display","none");
		 $(".d").css("display","block");
		 $(".e").css("display","none");
		 $(".f").css("display","none");
		});
		$(".but_2").click(function()
	{
		 $("#b").css("display","block");
		 $(".but_2").css("background-color","#227700");
		 $(".but_1").css("background-color","#5cb426");
		 $(".but_3").css("background-color","#5cb426");
		 $("#a").css("display","none");  
		 $("#c").css("display","none");
		  $(".d").css("display","none");
		 $(".e").css("display","block");
		 $(".f").css("display","none");
		});
		$(".but_3").click(function()
	{
		 $("#b").css("display","none");
		 $(".but_3").css("background-color","#227700");
		 $(".but_2").css("background-color","#5cb426");
		 $(".but_1").css("background-color","#5cb426");
		 $("#a").css("display","none");
		 $("#c").css("display","block");
		  $(".d").css("display","none");
		 $(".e").css("display","none");
		 $(".f").css("display","block");
		});	
	});
</script>
</html>
